 

<<<<<<< HEAD
    
         var newOrderArrNumber=[]; //存放老江数据里的订单号码
=======
          let pageSize = 5; //每一页显示的条数
          let currentPage = 1; //当前页
          let totalPage; //总页数
          let newOrderArrNumber=[]; //存放老江数据里的订单号码
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
         
        newOrderArr();    // 获取老江数据值的函数
        showInformation(kuaiDiDanArr);  //调用显示函数
        chickOne();    //点击选择框
        chickEveryOne();    //点击每个选择框
        producePage(kuaiDiDanArr);    //分页
<<<<<<< HEAD
        // addPageEvent();   //分页按钮添加事件
=======
        addPageEvent();   //分页按钮添加事件
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
        scriptThing();   //下拉列表事件
        deleteMuch();   //批量下载
        addInfor();    //添加数据
        addTiJiaoBut();  //添加数据 提交按钮 事件
        addBackBut();   //添加数据 返回列表 事件
        resetButton();   //重置按钮事件
        souSuoWuLiu();   //物流搜索框、
        shuaXinBut();   //搜索框刷新事件
        pagenumerevent("#pagDow");    
        pagenumerevent("#pagUp");
//=================================================数据渲染部分===============================================================================     
<<<<<<< HEAD
         //获取orderFormArr数据中的订单编号
             function newOrderArr(){
                 for(let i=0;i<orderFormArr.length;i++){
                    let neworder= orderFormArr[i].orderNumber;   //遍历数组中每一项下面的orderNumber
                    newOrderArrNumber.push(neworder);     //将每一项下面的orderNumber都存入新数组中
                 }
                 return newOrderArrNumber;
             }
             console.log(newOrderArrNumber);
        //渲染数据
        function showInformation(kuaiDiDanArr,pageSize,currentPage){
            // let pageSize = 5; //每一页显示的条数
            // let currentPage = 1; //当前页
            $("#userTbody").html("");  //清空里面的内容
            let start = (currentPage-1)*pageSize;  //开始页
            let end = currentPage*pageSize;   //结束页  
            for(var i=start;i<end && i<kuaiDiDanArr.length;i++){
                    $("#userTbody").append(
                   `<tr class="caoZuo">
                        <td><input class="clickone" type="checkbox"></td>
                        <td>${kuaiDiDanArr[i].ID}</td>
                        <td>${newOrderArrNumber[i]+i}</td>
                        <td>${kuaiDiDanArr[i].物流编号}</td>
                        <td>${kuaiDiDanArr[i].是否打印}</td>
                        <td>${kuaiDiDanArr[i].操作员}</td>
                        <td >
                            <button  type="button" class="layui-btn layui-icon layui-btn-sm chaKan" data-ck="${kuaiDiDanArr[i].ID}">&#xe65f;</button>
                            
                            <button  type="button" class="cc layui-btn layui-btn-normal layui-btn-sm" style="background-color: red;"   data-id="${kuaiDiDanArr[i].ID}" ><i class="layui-icon"></i></button>
=======
        //获取orderFormArr数据中的订单编号
            function newOrderArr(){
                for(let i=0;i<orderFormArr.length;i++){
                   let neworder= orderFormArr[i].orderNumber;   //遍历数组中每一项下面的orderNumber
                   newOrderArrNumber.push(neworder);     //将每一项下面的orderNumber都存入新数组中
                }
                return newOrderArrNumber;
            }
            console.log(newOrderArrNumber);
        //渲染数据
        function showInformation(ok){
            $("#userTbody").html("");  //清空里面的内容
            let start = (currentPage-1)*pageSize;  //开始页
            let end = currentPage*pageSize;   //结束页
            for(var i=start;i<end && i<ok.length;i++){
                    $("#userTbody").append(
                   `<tr class="caoZuo">
                        <td><input class="clickone" type="checkbox"></td>
                        <td>${ok[i].ID}</td>
                        <td>${newOrderArrNumber[i]}</td>  
                        <td>${ok[i].物流编号}</td>
                        <td>${ok[i].是否打印}</td>
                        <td>${ok[i].操作员}</td>
                        <td >
                            <button  type="button" class="layui-btn layui-icon layui-btn-sm chaKan" data-ck="${ok[i].ID}">&#xe65f;</button>
                            
                            <button  type="button" class="cc layui-btn layui-btn-normal layui-btn-sm" style="background-color: red;"   data-id="${ok[i].ID}" ><i class="layui-icon"></i></button>
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                        </td>
                    </tr>
                   `
               )
            }
        }

// ========================================添加数据==========================================
        //添加数据
        function addInfor(){
            $("#addbtn").click(function(){
                $("#tianjiaDocument").show();  //显示添加界面
                $("#show").hide();
               
            })
        }
        //添加订单界面 返回列表 按钮
        function addBackBut(){
            $("#tjbackBut").click(function(){
                $("#tianjiaDocument").hide();  //显示添加界面
                $("#show").show();
            })
        }
        //添加订单 提交按钮添加事件
        function addTiJiaoBut(){
            $("#tianjia").click(function(){
<<<<<<< HEAD
                let pageSize = 5; //每页显示条数
                let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
                for(let i=0;i<TotalPage;i++){
                    let Addstorea=$(".pageBut").eq(i).attr("class");
                    let Addas=Addstorea.split(" ");
                    if(Addas[1]=="cyan") {
                       var pagesname= $(".pageBut").eq(i).html();
                    }
                //    console.log(Addas); 
                }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                var id = $("#tjiD").val();    //id内容
                var faHuoRen = $("#tjfahuoren").val();   //订单编号的文本内容
                var lianXiFanShi = $("#tjlianxifangshi").val();  //物流编号的文本内容
                var faHuoDiZhi = $("#tjfahuodizhi").val();   //是否已打印文本内容
                var shouHuoDiZhi = $("#tjshouhuodizi").val();    //操作员文本内容
                var newShuZu = {ID:id,订单编号:faHuoRen,物流编号:lianXiFanShi,是否打印:faHuoDiZhi,操作员:shouHuoDiZhi};
                console.log(newShuZu);
                kuaiDiDanArr.push(newShuZu);
                producePage(kuaiDiDanArr);   //重新调用页码
<<<<<<< HEAD
                showInformation(kuaiDiDanArr,pageSize,pagesname);   //重新渲染页面
=======
                showInformation(kuaiDiDanArr);   //重新渲染页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                resetTHING();     //将文本框内容清空
                addInfor();    //调用数据
                $("#tianjiaDocument").hide();  //显示添加界面
                $("#show").show();
<<<<<<< HEAD

=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            })
        }
        //重置事件
        function resetTHING(){
                $("#tjiD").val(""); 
                $("#tjfahuoren").val("");
                $("#tjlianxifangshi").val("");
                $("#tjfahuodizhi").val("");
                $("#tjshouhuodizi").val("");
        }
        //添加订单界面 重置 按钮
        function resetButton(){
            $("#tjchongzhi").click(function(){
                resetTHING();
            })
        }
//  ======================================删除部分===========================================================================================
   
        //根据当前点击的删除按钮，删除当前数据
        function delInfor(id){
            for(var i=0;i<kuaiDiDanArr.length;i++){
                if(kuaiDiDanArr[i].ID == id){
                    kuaiDiDanArr.splice(i,1);
                    break;
                }
            }
        }
         //点击删除的弹出框的点击事件
        $("#userTbody").on("click",".cc",function(){   // 给删除按钮绑定事件即可  用事件委派，这儿是只给一个删除绑定了
<<<<<<< HEAD
            let pageSize = 5; //每页显示条数
            let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
            for(let i=0;i<TotalPage;i++){
                let Addstorea=$(".pageBut").eq(i).attr("class");
                let Addas=Addstorea.split(" ");
                if(Addas[1]=="cyan") {
                   var pagesname= $(".pageBut").eq(i).html();
                }
            //    console.log(Addas); 
            }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            let id = $(this)[0].dataset.id;
            console.log(id);
            layer.confirm('确认删除？', {
            btn: ['确认','取消'] //按钮
            }, function(){
            delInfor(id);  // 删除数据
            producePage(kuaiDiDanArr);   //重新调用页码
<<<<<<< HEAD
            showInformation(kuaiDiDanArr,pageSize,pagesname);   //调用显示
            layer.msg('已删除', {icon: 1,time:500});
=======
            showInformation(kuaiDiDanArr);   //调用显示
        layer.msg('已删除', {icon: 1,time:500});
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
      });
        })

//============================批量删除========================================================================================================
        //给批量删除按钮添加点击删除事件
        function deleteMuch(){
            $("#delMuch").click(function(){
<<<<<<< HEAD
                let pageSize = 5; //每页显示条数
                let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
                for(let i=0;i<TotalPage;i++){
                    let Addstorea=$(".pageBut").eq(i).attr("class");
                    let Addas=Addstorea.split(" ");
                    if(Addas[1]=="cyan") {
                       var pagesname= $(".pageBut").eq(i).html();
                    }
                //    console.log(Addas); 
                }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                let delButAll = [];  //创建新数组
                let count = 0 ;   //数量为0
                for(var i = 0;i <kuaiDiDanArr.length;i++){
                    if (!$(".clickone").eq(i).prop("checked")) {   //获取每个单选框的状态
                        delButAll.push(kuaiDiDanArr[i]);
                    }else{
                        count++;
                    }
                }
                if(count > 0){
                    kuaiDiDanArr = delButAll;  //将没有选中的数组保留给之前数组
                    $(".allCheck").prop("checked",false);    //全选按钮设为未选中
                    producePage(kuaiDiDanArr);  //重新渲染分页
<<<<<<< HEAD
                    showInformation(kuaiDiDanArr,pageSize,pagesname);   //重新渲染页面
=======
                    showInformation(kuaiDiDanArr);   //重新渲染页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                }
            })
        }
//===================================================下拉列表选项=============================================================================
       //下拉列表事件
       function scriptThing(){
           
           $("#yesOrNo").change(function(){
<<<<<<< HEAD
            let pageSize = 5; //每页显示条数
            let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
            for(let i=0;i<TotalPage;i++){
                let Addstorea=$(".pageBut").eq(i).attr("class");
                let Addas = Addstorea.split(" ");
                if(Addas[1]=="cyan") {
                   var pagesname= $(".pageBut").eq(i).html();
                }
            //    console.log(Addas); 
            }
                 let selectThis = $("#yesOrNo").val();
=======
                 let selectThis = $("#yesOrNo").val();
                 console.log();
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                 if(selectThis == "alldingdan"){    //如果下拉列表的值等于全部数据
                    producePage(kuaiDiDanArr);  //重新渲染分页
                    showInformation(kuaiDiDanArr);     //直接显示页面
                 }else if(selectThis == "yidayin"){
                   let newyidayin = kuaiDiDanArr.filter(function(item){
                        return item.是否打印 == "已打印";    //找到数据中是否已打印快递的值 为已打印的
                    }); 
<<<<<<< HEAD
=======
                    console.log(newyidayin);
                    // kuaiDiDanArr = newyidayin;
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                    producePage(newyidayin);  //重新渲染分页
                    showInformation(newyidayin);   
                 }else if(selectThis == "weidayin"){
                    let newweidayin = kuaiDiDanArr.filter(function(item){
                        return item.是否打印 == "未打印";   //找到数据中是否已打印快递的值 为未打印的
                    }); 
<<<<<<< HEAD
                    producePage(newweidayin);  // 刷新页面
                    addPageEvent();
                    showInformation(newweidayin,pageSize,pagesname); 
=======
                    console.log(newweidayin);
                    // kuaiDiDanArr = newweidayin;   //先将数组清空
                    producePage(newweidayin);  // 刷新页面
                    showInformation(newweidayin); 
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                 }
           }) 
       }  
       
//===========================================搜索框==============================================================================
        // 搜索框事件
        function souSuoWuLiu(){
            $("#findWuLiu").change(function(){
<<<<<<< HEAD
                let pageSize = 5; //每页显示条数
                let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
                for(let i=0;i<TotalPage;i++){
                    let Addstorea=$(".pageBut").eq(i).attr("class");
                    let Addas=Addstorea.split(" ");
                    if(Addas[1]=="cyan") {
                       var pagesname= $(".pageBut").eq(i).html();
                    }
                //    console.log(Addas); 
                }
=======
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                var souSuoInputVal = $("#findWuLiu").val();   //找到搜索框的值
                var nowsouSuoInputVal = kuaiDiDanArr.filter(function(item){   //循环数组据
                return item.物流编号 == souSuoInputVal;    //找到数组中键名等于搜索框的值的内容
            })
            // kuaiDiDanArr = nowsouSuoInputVal;  //将新数组重新复制给数据
            producePage(nowsouSuoInputVal);  //重新渲染分页
<<<<<<< HEAD
            showInformation(nowsouSuoInputVal,pageSize,pagesname);   //重新渲染页面
=======
            showInformation(nowsouSuoInputVal);   //重新渲染页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            })  
        }
        //搜索框刷新
        function shuaXinBut(){
            $("#shuaxin").click(function(){
<<<<<<< HEAD
              
                $("#findWuLiu").val("");   //输入框的值为0
                producePage(kuaiDiDanArr);    //分页刷新
                addPageEvent();
                showInformation(kuaiDiDanArr);     //重新渲染页面
=======
                $("#findWuLiu").val("");   //输入框的值为0
                producePage(kuaiDiDanArr);    //分页刷新
                showInformation(kuaiDiDanArr);   //重新渲染页面
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            })
        }
//========================================多选框部分=============================================================================================
        //全选按钮点击事件
         function chickOne(){
             $(".allCheck").click(function(){
                let AllChick = $(".allCheck").prop("checked");  //全选框的状态
                $(".clickone").prop("checked",AllChick);    //每个选择框的状态跟全选框一样
             })
         }
         //当个按钮点击事件
         function chickEveryOne(){
            $("#userTbody").on("click",".clickone",function(){
            checkALL();
          })
         }
        //全选事件
         function checkALL(){
             for(var i=0;i<kuaiDiDanArr.length;i++){
                if((".clickone:not(:checked)").length==0){   //没有选中的个数
                $(".allCheck").prop("checked",true);   //添加全选框的是否点击属性值
               }else{
                $(".allCheck").prop("checked",false);
             }
             }
             
         }
//===========================================分页部分==================================================================================
       
        // 创建页数
        function producePage(page){
<<<<<<< HEAD
            let pageSize = 5; //每一页显示的条数
            let currentPage = 1; //当前页
            let totalPage = Math.ceil(page.length/pageSize);   //总页数等于总条数/每页的条数
=======
            totalPage = Math.ceil(page.length/pageSize);   //总页数等于总条数/每页的条数
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            currentPage = currentPage > totalPage?totalPage : currentPage ;   //当前页
            //生成对应的页码
            $("#test1").html("");   //先将页码清空
            for(var i=1;i<=totalPage;i++){
                $("#test1").append(`
                    <button class="pageBut">${i}</button>
                `)
<<<<<<< HEAD
            $('.pageBut').eq(0).addClass("cyan").siblings().removeClass("cyan");
            showInformation(kuaiDiDanArr,pageSize,currentPage);
        }
        addPageEvent()
=======
            }
            $('.pageBut').eq(0).addClass("cyan").siblings().removeClass("cyan");

        }
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
        //给页码按钮添加事件
        function addPageEvent(){
            $("#piLiangAndFenYe").on("click",".pageBut",function(){
               
                currentPage = parseInt($(this).text());  
                $(this).addClass("cyan").siblings().removeClass("cyan");
                console.log(currentPage);
<<<<<<< HEAD
                showInformation(kuaiDiDanArr,pageSize,currentPage);    
            })
        }
    }
        //上一页和下一页按钮
        function pagenumerevent(pagenuber) {
            $(pagenuber).click(function() {
            let pageSize = 5; //每页显示条数
            let TotalPage = Math.ceil(kuaiDiDanArr.length / pageSize);
            for(let i=0;i<TotalPage;i++){
                let Addstorea=$(".pageBut").eq(i).attr("class");
                let Addas=Addstorea.split(" ");
                if(Addas[1]=="cyan") {
                   var currentPage= $(".pageBut").eq(i).html();
                }
            //    console.log(Addas); 
            }
            
                if (pagenuber == '#pagUp') {
                    currentPage--;   //当前页--
                    for (let i = 0; i < TotalPage; i++) {
=======
                showInformation(kuaiDiDanArr);    
            })
        }
        //上一页和下一页按钮
        function pagenumerevent(pagenuber) {
            $(pagenuber).click(function() {
                if (pagenuber == '#pagUp') {
                    currentPage--;   //当前页--
                    for (let i = 0; i < totalPage; i++) {
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
                        let buttoncontent = parseInt($('.pageBut').eq(i).text());
                        if (buttoncontent == currentPage) {
                            $('.pageBut').eq(i).addClass("cyan").siblings().removeClass("cyan");
                        }
                    }
                } else if (pagenuber == '#pagDow') {
                    currentPage++;
<<<<<<< HEAD
                    for (let i = 0; i < TotalPage; i++) {
                        let buttoncontent = parseInt($('.pageBut').eq(i).text());
                        if (buttoncontent == currentPage) {  
                            $('.pageBut').eq(i).addClass("cyan").siblings().removeClass("cyan");
                        }
                    }
                }  
                if (currentPage <= 0) {
                    currentPage = 1;
                    $('.pageBut').eq(0).addClass("cyan").siblings().removeClass("cyan");
                } else if (currentPage >= TotalPage) {
                    currentPage = TotalPage;
                }
                showInformation(kuaiDiDanArr,pageSize,currentPage);  
=======
                    for (let i = 0; i < totalPage; i++) {
                        let buttoncontent = parseInt($('.pageBut').eq(i).text());
                        if (buttoncontent == currentPage) {
                            $('.pageBut').eq(i).addClass("cyan").siblings().removeClass("cyan");
                        }
                    }
                }
                if (currentPage <= 0) {
                    currentPage = 1;
                    $('.currpage').eq(0).addClass("cyan").siblings().removeClass("cyan");
                } else if (currentPage >= totalPage) {
                    currentPage = totalPage;
                }
                showInformation(kuaiDiDanArr);    
>>>>>>> 77ecc11d2b58f992a0b2e5d3d36785eb5e0e8e93
            })
        }
       /*  layui.use('laypage', function(){
        var laypage = layui.laypage;
        //执行一个laypage实例
            laypage.render({
                elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
                ,count:kuaiDiDanArr.length  //数据总数，从服务端得到，可直接使用数组长度
            });
        }); */
//=======================================================查看=====================================================================================
        //给查看按钮添加事件
        $("#userTbody").on("click",".chaKan",function(){
            let ck = $(this)[0].dataset.ck;
            console.log(ck) ;
            for(var i=0;i<kuaiDiDanArr.length;i++){
                if(kuaiDiDanArr[i].ID == ck){
                    $("#tanchukuang").css("display","block");    //弹出框取消隐藏
                    $("#show").css("display","none");   //隐藏界面
                    $("#showP").html("");   //先将showP清空
                    $("#showP").append(`    
                    <div>
                       <p>ID ：${kuaiDiDanArr[i].ID}</p> <br>
                       <p>订单编号 ： ${kuaiDiDanArr[i].订单编号}</p> <br>
                       <p>物流编号 ： ${kuaiDiDanArr[i].物流编号}</p> <br>
                       <p>是否打印 ：${kuaiDiDanArr[i].是否打印}</p> <br>
                       <p>操作员 ：${kuaiDiDanArr[i].操作员}</p> <br>
                    </div>
                     `)
                }
            }
        })
        //查看之后的返回列表
        $("#back").click(function(){
            $("#showP").html("");   //内容清空
            $("#show").css("display","block");  // 显示界面
            $("#tanchukuang").css("display","none");    // 弹出框隐藏
        })
//==============================================调用函数部分=====================================================================================
        
 